<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Transito</title>

        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="css/style.ie7.css" type="text/css" media="screen" /><![endif]-->

        
        <script>
            function login(modulo){
			
                console.log("Login......")
                document.login.action="vistas/inicio.html";
                document.login.submit();		 
			
		
            }
        </script>

    </head>
    <body>
        <div id="art-main">
            <div class="art-sheet">
                <div class="art-sheet-tl"></div>
                <div class="art-sheet-tr"></div>
                <div class="art-sheet-bl"></div>
                <div class="art-sheet-br"></div>
                <div class="art-sheet-tc"></div>
                <div class="art-sheet-bc"></div>
                <div class="art-sheet-cl"></div>
                <div class="art-sheet-cr"></div>
                <div class="art-sheet-cc"></div>
                <div class="art-sheet-body">
                    <div class="art-header">
                        <div class="art-header-center">
                            <div class="art-header-png"></div>
                            <div class="art-header-jpeg"></div>
                        </div>
                        <div class="art-logo">
                            <h1 id="name-text" class="art-logo-name"><a href="#">REGISTRO Y CONTROL DE PARTES </a></h1>
                            <h2 id="slogan-text" class="art-logo-text">TRANSITO TERRESTRE PUESTO RUBIO </h2>
                        </div>
                    </div>
                    <div class="art-nav">
                        <div class="l"></div>
                        <div class="r"></div>
                        <ul class="art-menu">

                        </ul>
                    </div>
                    <div class="art-content-layout">
                        <div class="art-content-layout-row">

                            <div class="art-layout-cell art-content">
                                <div class="art-post">
                                    <div class="art-post-tl"></div>
                                    <div class="art-post-tr"></div>
                                    <div class="art-post-bl"></div>
                                    <div class="art-post-br"></div>
                                    <div class="art-post-tc"></div>
                                    <div class="art-post-bc"></div>
                                    <div class="art-post-cl"></div>
                                    <div class="art-post-cr"></div>
                                    <div class="art-post-cc"></div>
                                    <div class="art-post-body">
                                        <div class="art-post-inner art-article" id="contenido">
                                            <form name="login">
                                                <table align="center">
                                                       <tr>
                                                        <td>
                                                            Usuario
                                                        </td>
                                                        <td>
                                                            <input />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Clave
                                                        </td>
                                                        <td>
                                                            <input type="password"/>
                                                        </td>
                                                    </tr>
                                                    <tr align="center">
                                                        <td colspan="2">
                                                            <p>
                                                                <span class="art-button-wrapper">
                                                                    <span class="art-button-l"> </span>
                                                                    <span class="art-button-r"> </span>
                                                                    <a class="art-button" style="cursor: pointer" href="javascript:login()">entrar</a>
                                                                </span>
                                                            </p>
                                                        </td>

                                                    </tr>
                                                </table>
                                            </form>

                                        </div>

                                        <div class="cleared"></div>
                                    </div>
                                </div>

                                <div class="cleared"></div>
                            </div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                    <div class="art-footer">
                        <div class="art-footer-t"></div>
                        <div class="art-footer-l"></div>
                        <div class="art-footer-b"></div>
                        <div class="art-footer-r"></div>
                        <div class="art-footer-body">

                            <div class="art-footer-text">
                                <p><a href="#">Manual</a> | <a href="#">Mapa</a> | <a href="#">Contacto</a></p><p>Transito Terrestre 2012</p>
                            </div>
                            <div class="cleared"></div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                </div>
            </div>
            <div class="cleared"></div>

        </div>





    </body>
</html>
